@import '../../../core/index.less';

.orin-s-message-root {
    padding: 0;
    margin: 0;
    height: 0;
    .messgae-wrapper {
        position: fixed;
        top: 120/@remScale;
        left: 50%;
        transform: translateX(-50%);
        max-width: 90%;
        min-height: @header-height;
        background-color: @white;
        border-radius: 4/@remScale;
        box-shadow: 0 2/@remScale 8/@remScale rgba(0, 0, 0, 0.2);
        pointer-events: all;
        font-size: 14/@remScale;
        padding: 20/@remScale 16/@remScale;
        display: inline-block;
        align-items: center;
        z-index: 1010;
        .icon {
            margin-right: 10/@remScale;
            width: 16/@remScale;
            height: 16/@remScale;
            &.success {
                color: #09be63;
            }
            &.error {
                color: #f10f0f;
            }
            &.warning {
                color: #F3AC1E;
            }
        }
    }
}